<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="Keywords" content="51shop" />
		<meta name="Description" content="51shop" />
		<title>登录51乐淘城</title>
		<jsp:include page="/WEB-INF/jsps/common/jsAndCssCommon.jsp" />
		<style type="text/css">
		
			form .item{
				overflow: hidden;
				zoom:1;
			}
			form label, form input, form select, form textarea, form button, form label{
				float: left;
				font-size: 12px;
			}
			html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
			 address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u,
			  i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{
				margin: 0px;
				padding: 0px;
			}
			.div_login_main{
				width:960px;
				padding: 0;
				margin: 0 auto;
				zoom : 1;
			}
			#login_main .title{
				height: 33px;
				background: url("${pageContext.request.contextPath}/images/front/common/login/tit_regist.jpg")  #D1D1D1 repeat-x 0 -34px; 
			}
			#login_main .title h2 {
				float:left;
				height:33px;
				padding-left:15px;
				background: url("${pageContext.request.contextPath}/images/front/common/login/tit_regist.jpg") no-repeat 0 0;
				line-height: 33px;
			}
			#login_main .title b {
				float:right;
				width:10px;
				height:33px;
				background: url("${pageContext.request.contextPath}/images/front/common/login/tit_regist.jpg") no-repeat 0 -68px;
				line-height: 0;
			}
			#login_main .msg {
				overflow:hidden;
				padding: 40px 40px 30px 40px;
				border: solid #D1D1D1;
				border-width: 0 1px 1px;
				zoom:1;
			}
			#login_main .form{
				float: left;
				width: 520px;
				overflow: hidden;
			}
			#login_main .item{
				padding-top: 5px;
				height: 52px;
				line-height: 26px;
			}
			#login_main .label{
				width: 100px;
				text-align: right;
				font-size: 14px;
				float: left;
			}
			#login_main .mar{
				margin-right: 10px;
			}
			#login_main .checkbox{
				margin-top: 6px;
			}
			#login_main .text{
				width: 240px;
				height: 16px;
				padding: 4px 3px;
				border: 1px solid #BBB;
				font-size: 14px;
				font-family: arial,"宋体";
				
			}
			#login_main .text2{
				width: 120px;
				height: 16px;
				padding: 4px 3px;
				border: 1px solid #BBB;
				font-size: 14px;
				font-family: arial,"宋体";
				
			}
			#login_main .blank{
				width: 16px;
				height: 16px;
				margin: 2px 5px 0;
			}
			#login_main .null,#login_main .error{
				color: red;
				height:30px;
				line-height: 22px;
			}
			.invisible{
				visibility: hidden;
			}
			body .fl{
				float: left;
			}
			.hide{
				display: none;	
			}
			h2{
				font-size: 14px;
			}
			h5{
				font-size: 12px;
				font-weight: bold;
			}
			b{
				font-weight: bolder;
			}
			
			#guide{
				float: right;
				width: 300px;
				height: 290px;
				padding: 0px 0px 20px 40px;
				border-left: 1px solid #E7E7E7;
			}
			#guide .center{
				color: #666;
				padding: 10px 0 0;
			}
			#guide .btns{
				border-top: 1px dotted #CCC;
				padding-top: 15px;
				text-align: center;
				margin-bottom: 50px;
			}
			#guide .btns a:link,#guide .btns a:visibled{
				margin: 0 10px;
				color: #005AA0;
				font-size: 14px;
			}
			a:link,a:visibled{
				text-decoration: none;
			}
			.cur{
				background:url(${pageContext.request.contextPath}/images/front/default/head_nav_h.png) no-repeat;
				font-size:14px;font-weight:700;color:#FFFFFF;width:85px;height:30px;text-align:center;line-height:30px;
			}
			.clr{
				display: block;
				overflow: hidden;
				clear: both;
				height: 0;
				width:329px;
				line-height: 0;
				font-size: 0;
			}
			
		</style>
	</head>
	<body>
	
		<!--=S head -->
		<jsp:include page="/WEB-INF/jsps/common/homeHead.jsp" />
		<!--=E head -->
		<div class="div_login_main" id="login_main">
			<div class="title">
				<h2>用户登录</h2>
				<b></b>
			</div>
			
			<div class="msg" style="padding-top: 20px;">
			<form id="login_form" action="${pageContext.request.contextPath}/login" method="post">
				<div class="form">
					<div class="item">
						<span class="label">用户名：</span>
						<div class="fl">
							<input type="text" id="loginname" name="username" class="text" value="${loginModel.username}" />
							<label id="loginname_succeed" class="blank invisible"></label>
							<span class="clr"></span>
							<c:if test="${not empty loginModel.wrongusername}">
								<label id="loginname_error" class="error">${loginModel.wrongusername}</label>	
							</c:if>
							
						</div>
					</div>
					<div class="item">
						<span class="label">密码：</span>
						<div class="fl">
							<input type="password" id="loginpwd" name="password" class="text" value = "${loginModel.password}" />
							<label id="loginpwd_succeed" class="blank invisible" ></label>
							<label><a href="#">忘记密码?</a>
							</label> <span class="clr"></span> 
							<c:if test="${not empty loginModel.wrongpassword}">
								<label id="loginpwd_error" class="error">${loginModel.wrongpassword}</label>	
							</c:if>
							
						</div>
					</div>
					<div class="item" id="o-authcode">
						<span class="label">验证码：</span>
						<div class="fl">
							<input type="text" id="authcode" class="text2" name="imageNO" />
							<label>
								<span class="blank invisible"></span>
								<img  title="看不清?点击换一张" src="${pageContext.request.contextPath}/jcaptcha" id="safecode" onclick="this.src='${pageContext.request.contextPath}/jcaptcha?date='+new Date().getTime()"  width="80" height="35"/>
							</label>
							<label><span class="blank invisible"></span>看不清？
								<a href="javascript:void(0)" onclick="document.getElementById('safecode').src='${pageContext.request.contextPath}/jcaptcha?date='+new Date().getTime()">换一张</a></label>
							<span class="clr"></span>
							<c:if test="${not empty loginModel.wrongimageNO}">
								<label id="authcode_error" class="error">${loginModel.wrongimageNO}</label>	
							</c:if>
						</div>
					</div>
					<div class="item" id="autoentry">
						<span class="label">&nbsp;</span>
						<div class="fl">
							<label class="mar">
								<input type="checkbox" class="checkbox" checked="checked" id="isrememberloginname" name="isrememberloginname" class="text"  /> 记住用户名
							</label>
							<!-- 
							<label>
								<input type="checkbox" class="checkbox" id="isautologin" name="isautologin" /> 自动登录
							</label>
							 -->
						</div>
					</div>
					<div class="item">
						<span class="label">&nbsp;</span> <input type="image" src="${pageContext.request.contextPath}/images/front/common/login/signin.gif" value="登录" />
					</div>
				</div>
				</form>
				
				<div id="guide">
					<h5>还不是51乐淘城用户？</h5>
					<div class="center">现在免费注册成为51乐淘城用户，便能立刻享受便宜又放心的购物乐趣。</div>
					<a href="registpersonal.aspx">注册新用户</a>
					<div class="btns">
						<a href="registcompany.aspx">企业用户注册</a><a href="registschool.aspx">校园用户注册</a>
					</div>
					<div class="app">
						<a target="_blank" href="http://app.360buy.com/"></a>
					</div>
				</div>
				
				<span></span>
			</div>
			
		</div>
		<!--=S footer -->
		<jsp:include page="/WEB-INF/jsps/common/homeFooter.jsp" />
		<!--=E footer -->
		
	</body>
</html>